*{
    padding:0;
    margin:0;
}
.clearfix:after,
.clearfix:before{
    content:"";
    display:block;
    clear:both;
}
.nav-banner,.footer-nr{
    width:870px;
    margin:0 auto;
}
.nav{
    text-align: center;
}
.nav1 a img{
    display: none;
}
header{
    background-color: #5ab3df;
    width:100%;
}
.nav-left{
    height:2px;
}
.nav1{
    width:33.333333%;
    padding-top:11px;
    float:left;
}
.nav-right{
    text-align: right;
}
.nav-right a{
    text-decoration: none;
    color:#ffffff;
    font-size:12px;
    font-weight: bold;
}
.banner{
    color:#fff;
    padding-top:82px;
}
.banner p{
    font-weight: bold;
}
.banner-left,.banner-right{
    width:50%;
    float:left;
}
.banner-left h1{
    font-weight: 300;
    font-size:37px;
    padding-bottom:24px;
}
.banner-left a{
    background-color: #2996cc;
    display: inline-block;
    color:#fff;
    text-decoration: none;
    padding:15px 50px;
    transition: .5s;
}
.banner-left a:hover{
    background-color: #1a8ac1;
}
.banner-right img{
    width:100%;
    display: block;
}
header{
    margin-bottom:60px;
}
.section-top{
    border-bottom:1px solid #e0e0e0;
    padding-bottom:62px;
    margin-bottom:60px;
}
.section-nr{
    width:870px;
    margin:0 auto;
}
.section-top-1{
    width:25%;
    float:left;
    text-align: center;
}
.section-nr h3{
    font-size:14px;
    padding-bottom:6px;
}
.section-nr p{
    font-size: 14px;
    color:#7d8695;
}
.section-nr img{
    padding-bottom:10px;
}
.section-bottom{
    text-align: center;
}
.section-bottom h2{
    font-size:28px;
    font-weight: 300;
    padding-bottom:20px;
}
.section-bottom p{
    color:#727c8d;
    padding-bottom:30px;
}
.section-bottom .p1{
    padding-bottom:56px;
}
.section-bottom .a2{
    margin-left:16px;
}
footer{
    background-color: #1b2126;
    padding:60px;
    color:#67737a;
}
/*响应式代码*/
@media (max-width:600px) {
    .nav-banner{
        width:80%;
    }
    .banner-left{
        width:100%;
        text-align: center;
        padding-bottom:32px;
    }
    .banner-left h1{
        width:100%;
        font-size: 28px;
    }
    .nav1 a img{
        display: inline-block;
    }
    .nav1 a span{
        display:none;
    }
    .banner-right{
        width:82%;
        text-align: center;
    }
    .section-nr{
        width:80%;
    }
    .section-top-1{
        width:100%;
    }
    .section-top-1 p{
        padding-bottom:30px;
    }
    .section-bottom{
        width:90%;
        margin:0 auto;
    }
    .section-bottom img{
        width:40%;
    }
}